.content {
  position: relative;
  /* height: 207px; */
  /* width: 1258px; */
  height: 187px;
  width: 1238px;
  /* background-color: pink; */
  margin: 10px;
}

/* div img{
  object-fit: contain;
} */



div .img {
  position: absolute;
  /* left: 0;
  top: 0;
  width: 413px;
  height: 187px;
  background: url(../assets/world/region/1.webp) no-repeat left/contain; */
  transition: all 0.4s;
}
div .img .bg{
  position: absolute;
  display: none;
  width: 100%;
  height: 70px;
  padding: 5px 0 0 10px;
  background-color: #000;
  /* text-align: center;
  line-height: 50px; */
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 12px;
}
div .img .bg p{
  color: #e0ceaa;
  font-size: 26px;
}

div .img:hover{
  transform: scale(1.04);
  z-index: 2;
}

div .img:hover .bg{
  display: block;
  z-index: 2;
}

div .img:nth-child(1){
  left: 0;
  top: 0;
  width: 413px;
  height: 187px;
  background: url(../assets/world/region/1.webp) no-repeat left/contain;
}


div .img:nth-child(2){
  top: 0;
  left: 412px;
  width: 155px;
  height: 226px;
  background: url(../assets/world/region/2.webp) no-repeat left/contain;
}
div .img:nth-child(3){
  top: 0;
  left: 567px;
  width: 186px;
  height: 165px;
  background: url(../assets/world/region/3.png) no-repeat left/contain;
}
div .img:nth-child(3):hover .bg{
  display: none;
}


.content .img:nth-child(4){
  top: 0;
  left: 752px;
  width: 229px;
  height: 123px;
  background: url(../assets/world/region/4.webp) no-repeat left/contain;
}

.content .img:nth-child(5){
  top: 0;
  left: 979px;
  width: 281px;
  height: 415px;
  background: url(../assets/world/region/5.webp) no-repeat left/contain;
}

.content .img:nth-child(6){
  top: 186px;
  left: 0px;
  width: 265px;
  height: 228px;
  background: url(../assets/world/region/6.webp) no-repeat left/contain;
}

.content .img:nth-child(7){
  top: 186px;
  left: 265px;
  width: 148px;
  height: 228px;
  background: url(../assets/world/region/7.webp) no-repeat left/contain;
}

.content .img:nth-child(8){
  top: 225px;
  left: 413px;
  width: 155px;
  height: 189px;
  background: url(../assets/world/region/8.webp) no-repeat left/contain;
}

.content .img:nth-child(9){
  top: 164px;
  left: 567px;
  width: 184px;
  height: 141px;
  background: url(../assets/world/region/9.webp) no-repeat left/contain;
}

.content .img:nth-child(10){
  top: 123px;
  left: 751px;
  width: 229px;
  height: 183px;
  background: url(../assets/world/region/10.webp) no-repeat left/contain;
}

.content .img:nth-child(11){
  top: 304px;
  left: 566px;
  width: 415px;
  height: 109px;
  background: url(../assets/world/region/11.webp) no-repeat left/contain;
}








